<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> ${article.title}</title>
    <meta name="keywords" content="${webConfig.keyword}">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/index.css?2323122322332121">
    <style type="text/css">
        .sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
        #sucaihuo { background-color: #4bb19f;}
        #sucaihuo .nav { margin-top: 20px; padding-left: 20px; line-height: 40px; list-style-type: none;}
        #sucaihuo .nav a { display: block; font: 100 16px/40px '微软雅黑'; color: #f7f7f7; text-decoration: none;}
        #sucaihuo .nav a:hover { background-color: #4bb19f;}
        [data-simplersidebar='active'] { box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
        .inm2_tab1 img{width: 203px; height: 130px;}
        .inm3_le img{width: 170px; height: 160px;}
        .weui-article{padding: 0px;}
    </style>
</head>

<body style="background: #ffffff;">
<div class="sidebar" id="sucaihuo">
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        <ul class="nav">
            <#list navigationList as navigation>
                <li><a href="${navigation.url}">${navigation.name}</a></li>
            </#list>
        </ul>
    </div>
</div>
<div style="background: #ffffff; position: fixed; left: 0px; top: 0px; height: 2.5rem; z-index: 999; width: 100%;">
    <div style="width: 20%; float: left;">
        <img id="menu" src="${s.base}/mobile/img/147.png" style="height: 1.5rem;padding: 0.5rem 0px 0.5rem 0.3rem;">
    </div>
    <div style="width: 60%; height: auto; text-align: center; float: left;">
        <img src="${webConfig.logo}" alt="" style="width: auto; height:2.3rem; padding: 0.1rem;">
    </div>
    <div style="width: 20%; height: auto; text-align: right;  float: left;">
    </div>
    <div style="clear: both;"></div>
</div>
<div style="width: 100%; height: 2.5rem;"></div>
<article class="weui-article">
    ${article.content}
</article>
<a href="tel:85235210851"> <img src="${s.base}/mobile/newimages/img_b.png" style="width: 100%; height: auto; margin-top: 10px;"></a>

    <div style="width:100%;height:100px">

    </div>
    <div id="tarBar">
        <div class="tarbarFont active" onclick="goHomePage()">
            <img src="${s.base}/mobile/img/icon_1_2.png" alt="">
            <p>首页</p>
        </div>
        <div class="tarbarFont" onclick="goProduct()">
            <img src="${s.base}/mobile/img/icon_3_1.png?75411" alt="">
            <p>咨询我们</p>
        </div>
        <div class="tarbarFont" onclick="goNews()">
            <img src="${s.base}/mobile/newimages/yijia_0712.png?1254" style="width: 35px; height: 35px; padding-bottom: 2px;" alt="">
            <p>线上预约</p>
        </div>
		<!-- 
        <div class="tarbarFont" onclick="goLinkMe()">
            <img src="${s.base}/mobile/img/icon_4_1.png" alt="">
            <p>联系我们</p>
        </div>  -->
    </div>
</body>

</html>
<!-- body 最后 -->
<script src="${s.base}/mobile/js/jquery.min.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/city-picker.min.js"></script>
<script src="${s.base}/mobile/js/base.js"></script>
<script type="text/javascript" src="${s.base}/mobile/js/simpler-sidebar.min.js"></script>
<script src="${s.base}/mobile/newjs/window_port.js"></script>
<script>
    $(function() {
        $('#sucaihuo').simplerSidebar({
            opener: '#menu',
            sidebar: {
                align: 'left',
                width: 200
            }
        });
    });
</script>